<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js-color</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
        <form>
            <input type="button" value="red" onclick="color('red')">
            <input type="button" value="pink" onclick="color('pink')">
            <input type="button" value="blue" onclick="color('blue')">
            <input type="button" value="自定义颜色" onclick="col()">
        </form>
        <form action="" id="pp">
            <input type="range" min="0" max="255" value="255" id="r" onmousemove="col()">
            <input type="range" min="0" max="255" value="255" id="g" onmousemove="col()">
            <input type="range" min="0" max="255" value="255" id="b" onmousemove="col()">

        </form>




    <script src="js/script.js"></script>

</body>
</html>